<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
    Prabhat, initial page, CSS and W3C validation
    Xxx, added Javascript
    Xxx, made page dynamic JSP
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title>Net-Chat:Forums</title>
        <link rel="stylesheet" type="text/css" href="../style/common.css"></link>
        <script type="text/javascript">

        </script>
    </head>
    <body>
        <div id="container">
            <div id="top">
                <h1>Net-Chat</h1>
            </div>
            <div id="leftnav">
                <p>
                    This page lists all the forums users can choose to join in and chat with the other users in the forums. The page gets updated as new forums are added or old ones becoming inactive.
                </p>
            </div>
            <div id="content">
                <h2>Forums</h2>

                3 active forums!

                <p>
                    <a href="createforum.htm">create new forum</a>
                </p>

                <table class="forumstab">
                    <tr>
                        <th>#</th>
                        <th>name</th>
                        <th>category</th>
                        <th>users</th>
                        <th>join</th>
                    </tr>
                    <tr class="oddtr">
                        <td>1</td>
                        <td>Network Apps coursework discussion</td>
                        <td>Academic</td>
                        <td>4</td>
                        <td><a href="joinforum.htm?forum_id=1">join</a></td>
                    </tr>
                    <tr class="eventr">
                        <td>2</td>
                        <td>HW Exams Results</td>
                        <td>Academic</td>
                        <td>10</td>
                        <td><a href="joinforum.htm?forum_id=2">join</a></td>
                    </tr>
                    <tr class="oddtr">
                        <td>3</td>
                        <td>...</td>
                        <td>...</td>
                        <td>...</td>
                        <td>...</td>
                    </tr>
                </table>
            </div>
            <div id="footer">
                <div class="alignleft">Author: Totoo, Ghaffari</div>
                <div class="alignright">Network Applications</div>
                <div class="clr"></div>
            </div>
        </div>
        <p class="center">
            <a href="http://validator.w3.org/check?uri=referer">
                <img class="w3img" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" />
            </a>
            <a href="http://jigsaw.w3.org/css-validator/check/referer">
                <img class="w3img" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" />
            </a>
        </p>
    </body>
</html>